.lobby__blog {
  .post {
    @extend %flex-between;

    color: $c-font;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 0.2em 0.5em;

    &:hover {
      background: mix($c-link, $c-bg-box, 15%);
    }

    .text {
      flex: 1 1 100%;
    }

    strong {
      display: block;
    }

    img {
      height: 4em;
      width: 4em;
      margin-right: 0.8em;
    }

    time {
      color: $c-font-dim;
      white-space: nowrap;
    }
  }
}
